<template>
  <div class="group-input-warp flex-box">
    <el-input v-model="modelValue.a" style="margin-right: 10px;"></el-input>
    <el-input v-model="modelValue.b"></el-input>
  </div>
</template>
<style lang="scss" scoped>
.group-input-warp {
  padding: 10px;
  border-radius: 4px;
  border: 1px dashed #ccc;
}
</style>
<script lang="ts" setup>
import { watch } from "vue";
type PropsType = {
  modelValue: { a: string; b: string };
};
const props = defineProps<PropsType>();
const emit = defineEmits(["update:modelValue"]);
watch(
  props.modelValue,
  (val) => {
    emit("update:modelValue", val);
  },
  { deep: true, immediate: true }
);
</script>
